<template>
	<view class="page" :style="{ 'min-height': h + 'px', 'padding-top': mt + 'px' }">
		<c-nav-bar :title="titleHeader"></c-nav-bar>
		<view class="top">
			<view class="view1">
				客服热线: 13758056070
			</view>
			<view class="view1">
				服务时间：每日8:00-18:00
			</view>
			<!-- 	<view class="view1">
				服务时间：每日8:00-18:00
			</view> -->
		</view>
		<view class="bottom">
			<view class="img">
				<image :show-menu-by-longpress="true"
					src="https://i.ringzle.com/file/20240612/a87125e461324662b81f58be32ec3003.png"></image>
			</view>
			<view class="text">
				<view class="left">
					<view class="left1">
						<span>长按图片<br>
							识别二维码</span>
						<span id="node"></span>
						<span>添加客服<br>
							企业微信[小渔]</span>
					</view>
					<view class="left2">
						关于旅行中的问题，可以向
						小渔提问，与您一对一服务～
					</view>
				</view>
				<image src="https://i.ringzle.com/file/20240118/b168341b1a1b48dba2b38b14127b612c.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				h: uni.getSystemInfoSync().windowHeight - 87,
				mt: uni.getSystemInfoSync().statusBarHeight + 44,
				titleHeader: '人工客服',

			}
		},
		onLoad() {

		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.page {
		padding: 60rpx 35rpx;

		.top {

			font-size: 30rpx;
			margin-bottom: 50rpx;
			font-size: 30rpx;
			padding: 65rpx 50rpx;

			.view1 {
				margin-bottom: 25rpx;



			}
		}

		.bottom {

			height: 701rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 20rpx 2rpx rgba(0, 0, 0, 0.04);
			border-radius: 24rpx;
			padding: 20rpx 0;

			.img {

				text-align: center;

				&>image {
					width: 280rpx;
					height: 280rpx;
				}
			}

			.text {
				display: flex;
				flex-direction: row;
				margin-top: 30rpx;

				.left {
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					width: 50%;
					padding: 0 61rpx;

					.left1 {
						font-size: 24rpx;
						font-weight: bold;
						color: #025EA7;
						margin-bottom: 20rpx;
						display: flex;

						#node {
							height: 57rpx;
							border-right: 1rpx node #025EA7;
							width: 1rpx;
							margin: 0 20rpx;
						}
					}
				}

				&>image {
					height: 304rpx;
					width: 267rpx;
				}
			}
		}
	}
</style>